{assign name="field" value=":sp_details()"}
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>{$field['wsarticle_title']} - {$site_title}</title>
    <link rel="stylesheet" type="text/css" href="__THEME__/assets/css/zui.min.css">
    <link rel="stylesheet" type="text/css" href="__THEME__/style.css">
    <link rel="stylesheet" type="text/css" href="__THEME__/assets/swiper/css/swiper.min.css">
    <script src="__THEME__/assets/js/jquery.js"></script>
    <script src="__THEME__/assets/js/zui.min.js"></script>
</head>

<body>
    {include file="cn/include/header" active="news" /}
    <div class="banner" style="background-image: url(__THEME__/images/banner.jpg);">
        <div>
            <div class="banner-content">
                <h2>企业动态详情页</h2>
                <p>专注企业官网建设，功能完备，操作方便，全平台优雅体验 </p>
            </div>
        </div>
    </div>
    <div class="page-wrapper">
        <div class="container">
            <ul class="breadcrumb">
                <li><span class="breadcrumb-title">当前位置：</span></li>
                <li><a href="/">首页</a></li>
                <li><a href="{:url('/news')}">企业动态</a></li>
                {assign name="list" value=":sp_breadcrumb_details($field['wsarticle_cateid'])"}
                {volist name="list" id="vo"}
                <li><a href="{:url('/news/'.$vo['wscate_page'].'-'.$vo['wscate_id'])}">{$vo['wscate_name']}</a></li>
                {/volist}
                <li class="active">新闻详情</li>
            </ul>
            <div class="row">
                <div class="col-md-9 pull-right">
                    <div class="article" id="article" data-id="4">
                        <header>
                            <h1>{$field['wsarticle_title']}</h1>
                            <dl class="dl-inline">
                                <dd><i class="icon-time icon-large"></i> {:date('Y-m-d H:i:s', $field['wsarticle_create_time'])}</dd>
                                <dd><i class="icon-user icon-large"></i> {$field['wsarticle_author']}</dd>
                                <dd class="pull-right"><span class="label label-warning"><i class="icon-eye-open"></i> {$field['wsarticle_views']}</span></dd>
                            </dl>
                        </header>
                        <section class="article-content">
                            {$field['wsarticle_details']|raw}
                        </section>
                        <footer>
                            <div class="article-moreinfo clearfix"></div>
                            <ul class="pager pager-justify">
                                {assign name="prev" value=":sp_prev($field['wsarticle_columnid'], $field['wsarticle_id'])"}
                                {if($prev)}
                                <li class="previous" title="{$prev['wsarticle_title']}">
                                    <a href="{:url('/news/'.$prev['wsarticle_id'])}">
                                        <i class="icon-arrow-left"></i>
                                        <span>{$prev['wsarticle_title']}</span>
                                    </a>
                                </li>
                                {else /}
                                <li class="previous" title="暂无上一条">
                                    <a href="#"><i class="icon-arrow-left"></i><span> 暂无上一条</span></a>
                                </li>
                                {/if}
                                {assign name="next" value=":sp_next($field['wsarticle_columnid'], $field['wsarticle_id'])"}
                                {if($next)}
                                <li class="next" title="{$next['wsarticle_title']}">
                                    <a href="{:url('/news/'.$next['wsarticle_id'])}">
                                        <span>{$next['wsarticle_title']}</span>
                                        <i class="icon-arrow-right"></i>
                                    </a>
                                </li>
                                {else /}
                                <li class="previous" title="暂无下一条">
                                    <a href="#"><i class="icon-arrow-left"></i><span> 暂无下一条</span></a>
                                </li>
                                {/if}
                            </ul>
                        </footer>
                    </div>
                </div>
                <div class="col-md-3">
                    {include file="cn/include/menu" /}
                </div>
            </div>
        </div>
    </div>
    {include file="cn/include/footer" /}
    <script src="__THEME__/assets/swiper/js/swiper.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        var swiper = new Swiper('.swiper-container', {
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
    });
    </script>
</body>

</html>